<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">用户详情</span>
            <a href="#mdTotalInfo"  style="cursor:pointer;"   class="c-666 btn radius">统计信息</a>
            <a href="#authInfo" style="cursor:pointer;"  class="c-666 btn radius">实名认证材料</a>
            <a href="#bankInfo" style="cursor:pointer;"  class="c-666 btn radius">银行卡信息</a>
            <a href="#teamMember" style="cursor:pointer;"  class="c-666 btn radius">团队成员</a>

            <a href="#projectInfo" style="cursor:pointer;"  class="c-666 btn radius">投递方案记录</a>
            <a href="#payInfo" style="cursor:pointer;"  class="c-666 btn radius">支付记录</a>

            <a href="#messageInfo" style="cursor:pointer;"  class="c-666 btn radius">消息记录</a>

            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>
            <a class="btn  radius r mr-10" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="./user-list.html" title="返回"><i class="Hui-iconfont">&#xe67d;</i><span>返回</span></a>
        </div>

    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">

           <table class="table table-border table-bordered mt-20">
                <tbody>
                <tr>
                    <td rowspan="5" style="width:30%" class="text-c active">
                        <img src="./images/imgno.png" id="headImg" style="width:71px;height:71px;">
                        <p class="f-16 mt-10" id="mobile"></p>
                        <p>
                            <span style="border-radius:200px;" class="f-12 label-primary pt-5 pb-5 pl-25 pr-25 text-c" id="isVip">会员</span>
                            <span style="border-radius:200px;cursor:pointer;" class="f-12 label-primary pt-5 pb-5 pl-25 pr-25 text-c"  id="isMessage">消息</span>
                        </p>
                    </td>
                    <td width="100" class="text-r active" >会员ID</td>
                    <td id="userId" width="100">加载中...</td>
                    <td width="100" class="text-r active">注册时间</td>
                    <td id="gmtCreate" width="100">加载中...</td>
                </tr>
                <tr>
                    <td width="100" class="text-r active">真实姓名</td>
                    <td id="realName">加载中...</td>
                    <td width="100" class="text-r active">地址</td>
                    <td id="eachDistrict">加载中...</td>
                </tr>
                <tr>
                    <td width="100" class="text-r active">推荐人</td>
                    <td id="referees">加载中...</td>
                    <td width="100" class="text-r active">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td width="100" class="text-r active">&nbsp;</td>
                    <td>&nbsp;</td>
                    <td width="100" class="text-r active">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td width="100" class="text-r active">&nbsp;</td>
                    <td>&nbsp;</td>
                    <td width="100" class="text-r active">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                </tbody>
            </table>
            <div id="mdTotalInfo" class="mx-box mt-10">
                <h5  class="pl-15">统计信息</h5>
                <div class="mx-content">
                    <table class="table table-border table-bordered table-bg">
                        <thead>
                            <tr>
                                <th class="text-c">订单总借款</th>
                                <th class="text-c">团队数量</th>
                                <th class="text-c">团队会员</th>
                                <th class="text-c">账单总金额</th>
                                <th class="text-c">未还款总金额</th>
                                <th class="text-c">逾期总金额</th>
                                <th class="text-c">总额度</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-c" id="orderSumBorrowing">加载中...</td>
                                <td class="text-c" id="teamTotalNum">加载中...</td>
                                <td class="text-c" id="teamVipTotalNum">加载中...</td>
                                <td class="text-c" id="billTotalMoney">加载中...</td>
                                <td class="text-c" id="outstanding">加载中...</td>
                                <td class="text-c" id="overdue">加载中...</td>
                                <td class="text-c" id="combination">加载中...</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="authInfo" class="mx-box mt-10">
                <h5 class="pl-15">实名认证材料</h5>
                <div class="mx-content">
                    <table class="table table-border table-bordered table-bg mb-30">
                        <thead>
                            <tr>
                                <th class="text-c">实名认证姓名</th>
                                <th class="text-c">身份证号</th>
                                <th class="text-c">有效期</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-c" id="real_name">加载中...</td>
                                <td class="text-c" id="idNumber">加载中...</td>
                                <td class="text-c" id="idValidity">加载中...</td>
                            </tr>
                        </tbody>
                    </table>
                    <h5>身份证正反面：</h5>
                    <div class="mb-50">
                        <div class="idCard bk-gray radius mr-30 text-c" id="idcardFront">
                            <i class="Hui-iconfont" style="font-size:80px;">&#xe646;</i>
                        </div>
                        <div class="idCard bk-gray radius text-c" id="idcardBack">
                            <i class="Hui-iconfont" style="font-size:80px;">&#xe646;</i>
                        </div>
                    </div>


                    <h5 id="bankInfo" class="pl-15">银行卡信息</h5>
                    <div class="mx-content mb-30">
                        <table class="table table-border table-bordered table-bg">
                            <thead>
                            <tr>
                                <th class="text-c">银行名称</th>
                                <th class="text-c">账号</th>
                                <th class="text-c">开户行</th>
                            </tr>
                            </thead>
                            <tbody id="bankList">
                                <!-- <tr>
                                    <td class="text-c">中国农业银行</td>
                                    <td class="text-c">123 123 123 123 123 123</td>
                                    <td class="text-c">中国农业银行有限公司鼓楼支行</td>
                                </tr> -->
                            </tbody>
                        </table>
                    </div>

                    <h5 id="teamMember" class="pl-15">团队成员</h5>
                    <div class="mx-box mt-10">
                        <div class="mx-title">
                            <h5 class="pl-15">筛选查询</h5>
                            <div class="mx-title-right">
                                <span class="f-12 mr-10 slectShow" style="color:#999999;cursor: pointer;"><i class="Hui-iconfont rotate-top mr-5" style="display:inline-block;">&#xe63d;</i>收起筛选</span>


                            </div>
                        </div>
                        <div class="mx-content">
                            <div class="overflow-hidden select-wrap">
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <span>手机号：</span><input type="text" id="teamMobile" class="input-text radius size-M" placeholder="手机号">
                                </div>
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3" style="display: inline-block;position:relative;">
                                    <span>绑定时间：</span>
                                    <input type="text" id="teamTime" style="width: 165px!important;" placeholder="请选择时间" class="input-text radius" readonly="readonly" >
                                    <i class="Hui-iconfont Hui-iconfont-shijian"  style="position:absolute;top: 6px;right: 22px;"></i>
                                </div>
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    终生会员：
                                    <span class="select-box radius" style="width:165px;">
                                            <select class="select" id="isVipSelect">
                                                <option value="" selected>全部</option>
                                                <option value="1">是</option>
                                                <option value="0">否</option>
                                            </select>
                                    </span>
                                </div>
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                   年费会员：
                                    <span class="select-box radius" style="width:80px;">
                                            <select class="select" id="vip2Select">
                                                <option value="" selected>全部</option>
                                                <option value="1">是</option>
                                                <option value="0">否</option>
                                            </select>
                                    </span>
                                    <a id="teamSearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>查询</a>
                                </div>
                            </div>
                            <table class="table table-border table-bordered table-bg table-hover mt-20">
                                <thead>
                                <tr>
                                    <th class="text-c">手机号</th>
                                    <th class="text-c">用户姓名</th>
                                    <th class="text-c">终生会员</th>
                                    <th class="text-c">年费会员</th>
                                    <th class="text-c">绑定时间</th>
                                    <th class="text-c">实名认证</th>
                                    <!-- <th class="text-c">操作</th> -->
                                </tr>
                                </thead>
                                <tbody id="teamList">
                                    <!-- <tr>
                                        <td class="text-c">201707196398345</td>
                                        <td class="text-c">王智超</td>
                                        <td class="text-c">非会员</td>
                                        <td class="text-c">2017-07-19 14:48:38</td>
                                        <td class="text-c">未实名</td>
                                        <td class="text-c">
                                            <a class="handle delete">删除</a>
                                        </td>
                                    </tr> -->

                                </tbody>
                                <tfoot id="teamFoot">
                                <tr>
                                    <td colspan="6" style="border-right:none;">
                                        <div class="r" id="teamPage">

                                        </div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>



                    <h5 id="projectInfo" class="pl-15">投递方案记录</h5>
                    <div class="mx-box mt-10">
                        <div class="mx-title">
                            <h5 class="pl-15">筛选查询</h5>
                            <div class="mx-title-right">
                                <span class="f-12 mr-10 proShow" style="color:#999999;cursor: pointer;"><i class="Hui-iconfont rotate-top mr-5" style="display:inline-block;">&#xe63d;</i>收起筛选</span>
                            </div>
                        </div>
                        <div class="mx-content">
                            <div class="overflow-hidden pro-wrap">
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <span>方案名称：</span><input type="text" id="proTitle" class="input-text radius size-M" placeholder="方案名称">
                                </div>
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3" style="display: inline-block;position:relative;">
                                    <span>投递时间：</span>
                                    <input type="text" style="width: 165px!important;" id="proTime" placeholder="请选择时间" class="input-text radius" readonly="readonly" >
                                    <i class="Hui-iconfont Hui-iconfont-shijian" style="position:absolute;top: 6px;right: 22px;"></i>
                                </div>
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    状态：
                                    <span class="select-box radius mr-5" style="width:auto;">
                                            <select class="select" id="stateSelect">
                                                <option value="" selected>全部</option>
                                                <option value="0">待审核</option>
                                                <option value="1">已通过</option>
                                                <option value="2">未通过</option>
                                            </select>
                                    </span>
                                    <a id="proSearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>查询</a>
                                </div>
                                <!-- <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">

                                </div> -->
                            </div>
                            <table class="table table-border table-bordered table-bg table-hover mt-20">
                                <thead>
                                <tr>
                                    <th class="text-c">方案编号</th>
                                    <th class="text-c">方案名称</th>
                                    <th class="text-c">方案状态</th>
                                    <th class="text-c">投递时间</th>
                                   <!--  <th class="text-c">审核时间</th> -->
                                    <th class="text-c">操作</th>
                                </tr>
                                </thead>
                                <tbody id="proList">
                                    <!-- <tr>
                                        <td class="text-c">201707196398345</td>
                                        <td class="text-c">AR书籍项目</td>
                                        <td class="text-c">待审核</td>
                                        <td class="text-c">2017-07-19 14:48:38</td>
                                        <td class="text-c">2017-07-19 14:48:38</td>
                                        <td class="text-c">
                                            <a class="handle view-order">查看详情</a>
                                        </td>
                                    </tr> -->

                                </tbody>
                                <tfoot id="proFoot">
                                <tr>
                                    <td colspan="6" style="border-right:none;">
                                        <div class="r" id="proPage">

                                        </div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>

                    <h5 id="payInfo" class="pl-15">支付记录</h5>
                    <div class="mx-box mt-10">
                        <div class="mx-title">
                            <h5 class="pl-15">筛选查询</h5>
                            <div class="mx-title-right">
                                <span class="f-12 mr-10 payShow" style="color:#999999;cursor: pointer;"><i class="Hui-iconfont rotate-top mr-5" style="display:inline-block;">&#xe63d;</i>收起筛选</span>
                            </div>
                        </div>
                        <div class="mx-content">
                            <div class="overflow-hidden pay-wrap">
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <span>订单编号：</span><input id="orderNumber" type="text" class="input-text radius size-M" placeholder="订单编号">
                                </div>

                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    支付用途：
                                    <span class="select-box radius mr-5" style="width:160px!important;">
                                            <select class="select" id="orderTypeSelect">
                                                <option value="" selected>全部</option>
                                                <option value="vip">开通会员</option>
                                                <option value="annual">开通年费</option>
                                                <option value="consult">资讯费</option>

                                            </select>
                                    </span>

                                </div>
                                <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                    <a id="paySearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>查询</a>
                                </div>
                            </div>
                            <table class="table table-border table-bordered table-bg table-hover mt-20">
                                <thead>
                                <tr>
                                    <th class="text-c">订单编号</th>
                                    <th class="text-c">支付资讯</th>
                                    <th class="text-c">支付金额</th>
                                    <th class="text-c">支付用途</th>
                                    <th class="text-c">支付时间</th>
                                </tr>
                                </thead>
                                <tbody id="payList">


                                </tbody>
                                <tfoot id="payFoot">
                                <tr>
                                    <td colspan="5" style="border-right:none;">
                                        <div class="r" id="payPage">

                                        </div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>



                    <h5 id="messageInfo" class="pl-15">消息记录</h5>
                    <div class="mx-box mt-10">

                        <div class="mx-content">
                            <table class="table table-border table-bordered table-bg table-hover mt-20">
                                <thead>
                                <tr>
                                    <th class="text-c">消息编号</th>
                                    <th class="text-c">列表标题</th>
                                    <th class="text-c">推送时间</th>
                                    <th class="text-c">操作</th>
                                </tr>
                                </thead>
                                <tbody id="messageList">


                                </tbody>
                                <tfoot id="messageFoot">
                                <tr>
                                    <td colspan="4" style="border-right:none;">
                                        <div class="r" id="messagePage">

                                        </div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>



                </div>
            </div>


        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>

<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/user-list-detail.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>